

<style type="text/css">

#mainPanel {background:#ffffff url('Images/back.jpg') no-repeat left top;}

#tb .compteurs  {}
#tb .compteurs .compteur {float:left;width:80px;height:100px;margin-right:8px;margin-bottom:8px;text-align:center;font-size:30px;font-weight:bold;-moz-border-radius:8px;}
#tb .compteurs .compteur .legende {color:#000;height:40px;margin-bottom:18px;padding:2px;text-align:center;font-size:12px;font-weight:normal;background:#ddd;-moz-border-radius:8px;background:#ffffff url('Images/tb.png') no-repeat left top;}

#tb .compteurs .compteurStatut1  {background:#FF9966;}
#tb .compteurs .compteurStatut2  {background:#999999;}
#tb .compteurs .compteurStatut3  {background:#CC9999;}
#tb .compteurs .compteurStatut4  {background:#99CC66;}
#tb .compteurs .compteurStatut5  {background:#CCCC99;}
#tb .compteurs .compteurStatut6  {background:#CCCC66;}
#tb .compteurs .compteurStatut7  {background:#CCCCFF;}
#tb .compteurs .compteurStatut8  {background:#99CC99;}
#tb .compteurs .compteurStatut9  {background:#99CC66;}
#tb .compteurs .compteurStatut10 {background:#CCCC33;}
#tb .compteurs .compteurStatut11 {background:#CC9999;}
#tb .compteurs .compteurStatut12 {background:#FF9966;}
#tb .compteurs .compteurStatut13 {background:#999999;}

#tn .tb_contrat {margin-bottom:20px;background:#FFF;}
#tn .tb_contrat table {background:#FFF;}

</style>

<div id="tb">

	<div class="compteurs">

		<div class="compteur compteurStatut1">
			<div class="legende">Models</div>
			3
		</div>

		<div class="compteur compteurStatut2">
			<div class="legende">Forms</div>
			3
		</div>

		<div class="compteur compteurStatut3">
			<div class="legende">Views</div>
			3
		</div>

		<div class="compteur compteurStatut4">
			<div class="legende">Controllers</div>
			3
		</div>

		<div style="clear:left;"></div>
	</div>

</div>
